/******************************************标题与头图区样式***************************************************/
.Title{
    color: rgb(42, 157, 143);
}

.Banner{
    background-image: url('../img/RenderingTab.jpg');
}

/******************************************主内容区样式***************************************************/
h2{
    background-image: linear-gradient(to bottom right, white, rgb(42, 157, 143));
    -webkit-background-clip: text;
    color:transparent;
}

#FarView img{
    width: 100vw;
}

#NearView img{
    width: 100vw;
    margin: 2rem 0;
    cursor: pointer;
}

a{
    font-weight: 800;
}

#FarView2, #FarView3{
    display: none;
}

#StartFarViewBtn{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    height: 2rem;
    width: 8rem;
    border-radius: 1.25rem;
    border-style: none;
    margin-top: 1rem;
    margin-bottom: 1rem;
    margin-left: calc(50vw - 4rem);
    color: white;
    text-align: center;
    font-weight: 800;
    background-color: rgb(42, 157, 143);
    cursor: pointer;
}

#FarViewPanel{
    display: none;
}

#MoveControls{
    display: flex;
    justify-content: space-between;
}

.MoveControl{
    display: inline-block;
    font-size: 1rem;
    height: 2rem;
    width: 8rem;
    border-radius: 2.5rem;
    border-style: none;
    margin-top: 1rem;
    margin-bottom: 1rem;
    color: white;
    text-align: center;
    font-weight: 800;
    cursor: pointer;
}

#LeftMoveBtn{
    background-color: #aaaaaa;
}

#RightMoveBtn{
    background-color: rgb(42, 157, 143);
}

.ImgName{
    text-align: center;
    font-size: 600;
    font-size: 1rem;
    margin-bottom: 2rem;
    color: #aaaaaa;
}

.ThemeColor{
    color:rgb(42, 157, 143);
}

#GoToNext{
    background-color: rgb(42, 157, 143);
}